<template>
  <view>
    <view class="mt20"><navigator url='../index/index' hover-class='navigator-hover'>首页</navigator></view>
	<view class="mt20"><navigator url='/pages/order_repair/order_repair' hover-class='navigator-hover'>位置</navigator></view>
    <view class="mt20"><navigator url='../search/search' hover-class='navigator-hover'>搜索</navigator></view>
    <view class="mt20"><navigator url='../car_search_results/car_search_results' hover-class='navigator-hover'>买车搜索结果</navigator></view>
    <view class="mt20"><navigator url='../purchase_information_details/purchase_information_details' hover-class='navigator-hover'>买车资料详情</navigator></view>
    <view class="mt20"><navigator url='../personal_center/personal_center' hover-class='navigator-hover'>我的</navigator></view>
    <view class="mt20"><navigator url='../Sign_in/Sign_in' hover-class='navigator-hover'>登录</navigator></view>
    <view class="mt20"><navigator url='../personal_information/personal_information' hover-class='navigator-hover'>个人信息</navigator></view>
    <view class="mt20"><navigator url='../information_collection/information_collection' hover-class='navigator-hover'>卖车信息采集</navigator></view>
    <view class="mt20"><navigator url='../car_sales_consultation/car_sales_consultation' hover-class='navigator-hover'>卖车咨询</navigator></view>
    <view class="mt20"><navigator url='../information_collection_two/information_collection_two' hover-class='navigator-hover'>卖车信息采集2</navigator></view>
    <view class="mt20"><navigator url='../on_site_inspection/on_site_inspection' hover-class='navigator-hover'>现场检测</navigator></view>
    <view class="mt20"><navigator url='../excavator_information_confirmation/excavator_information_confirmation' hover-class='navigator-hover'>挖机信息确认</navigator></view>
    <view class="mt20"><navigator url='../car_report/car_report' hover-class='navigator-hover'>看车报告</navigator></view>
    <view class="mt20"><navigator url='../upload_detailed_pictures/upload_detailed_pictures' hover-class='navigator-hover'>上传详情图片</navigator></view>
    <view class="mt20"><navigator url='../personal_stores/personal_stores' hover-class='navigator-hover'>我的商铺</navigator></view>
    <view class="mt20"><navigator url='../accessories_information_editing/accessories_information_editing' hover-class='navigator-hover'>配件信息编辑</navigator></view>
    <view class="mt20"><navigator url='../shop_preview/shop_preview' hover-class='navigator-hover'>商铺预览</navigator></view>
    <view class="mt20"><navigator url='../sales_details_of_accessories/sales_details_of_accessories' hover-class='navigator-hover'>配件售卖详情</navigator></view>
    <view class="mt20"><navigator url='../parts/parts' hover-class='navigator-hover'>配件</navigator></view>
    <view class="mt20"><navigator url='../order_repair/order_repair' hover-class='navigator-hover'>下单维修</navigator></view>
    <view class="mt20"><navigator url='../my_members/my_members' hover-class='navigator-hover'>我的会员</navigator></view>
    <view class="mt20"><navigator url='../order_payment/order_payment' hover-class='navigator-hover'>订单支付</navigator></view>
    <view class="mt20"><navigator url='../database/database' hover-class='navigator-hover'>资料库</navigator></view>
    <view class="mt20"><navigator url='../database_classification/database_classification' hover-class='navigator-hover'>资料库分类页</navigator></view>
    <view class="mt20"><navigator url='../information_details/information_details' hover-class='navigator-hover'>资料详情</navigator></view>
    <view class="mt20"><navigator url='../all_comments/all_comments' hover-class='navigator-hover'>全部评价</navigator></view>
    <view class="mt20"><navigator url='../evaluation_page/evaluation_page' hover-class='navigator-hover'>评价页</navigator></view>
    <view class="mt20"><navigator url='../my_database/my_database' hover-class='navigator-hover'>我的资料库</navigator></view>
    <view class="mt20"><navigator url='../fault_information/fault_information' hover-class='navigator-hover'>故障信息</navigator></view>
    <view class="mt20"><navigator url='../maintenance_record/maintenance_record' hover-class='navigator-hover'>维修记录</navigator></view>
    <view class="mt20"><navigator url='../receiving_orders/receiving_orders' hover-class='navigator-hover'>接单</navigator></view>
    <view class="mt20"><navigator url='../maintenance_record_list/maintenance_record_list' hover-class='navigator-hover'>维修记录列表页</navigator></view>
    <view class="mt20"><navigator url='../my_trailer/my_trailer' hover-class='navigator-hover'>我的拖车</navigator></view>
    <view class="mt20"><navigator url='../trailer_information_editing/trailer_information_editing' hover-class='navigator-hover'>拖车信息编辑</navigator></view>
    <view class="mt20"><navigator url='../trailer_list/trailer_list' hover-class='navigator-hover'>拖车列表</navigator></view>
    <view class="mt20"><navigator url='../my_recruitment/my_recruitment' hover-class='navigator-hover'>我的招聘</navigator></view>
    <view class="mt20"><navigator url='../fill_recruitment_Information/fill_recruitment_Information' hover-class='navigator-hover'>招聘信息</navigator></view>
    <view class="mt20"><navigator url='../job_recruitment/job_recruitment' hover-class='navigator-hover'>求职招聘</navigator></view>
    <view class="mt20"><navigator url='../recruitment_details/recruitment_details' hover-class='navigator-hover'>招聘详情</navigator></view>
    
    <view class="fs36 cor_000 tac pa25" @click="getSSQData();">获取省市区数据</view>
    
    <!-- uView框架-组件 -->
    <u-table>
      <u-tr>
        <u-th>姓名</u-th>
        <u-th>性别</u-th>
        <u-th>爱好</u-th>
      </u-tr>
      <u-tr>
        <u-td>樊瑞</u-td>
        <u-td>男</u-td>
        <u-td>运动健身</u-td>
      </u-tr>
    </u-table>
    
    <u-select v-model="show" mode="mutil-column-auto" :list="list" @confirm="confirm"></u-select>
    
  </view>
</template>

<script>
  export default {
    data() {
      return {
        show: false,
        list: [
        					{
        						value: 1,
        						label: '中国',
        						children: [
        							{
        								value: 2,
        								label: '广东',
        								children: [
        									{
        										value: 3,
        										label: '深圳'
        									},
        									{
        										value: 4,
        										label: '广州'
        									}
        								]
        							},
        							{
        								value: 5,
        								label: '广西',
        								children: [
        									{
        										value: 6,
        										label: '南宁'
        									},
        									{
        										value: 7,
        										label: '桂林'
        									}
        								]
        							}
        						]
        					},
        					{
        						value: 8,
        						label: '美国',
        						children: [
        							{
        								value: 9,
        								label: '纽约',
        								children: [
        									{
        										value: 10,
        										label: '皇后街区'
        									}
        								]
        							}
        						]
        					}
        			],
      }
    },
    methods: {
      getSSQData: function() {
        this.show = true
      },
      confirm(e) {
      	console.log(e+'多级联动');
      }
    }
  }
</script>

<style>

</style>
